<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>KCLK-SIM</title>
    <style>
        body {
            background-color: #312f2f;
        }

        pre {
            margin: 0;
        }

        .error {
            color: #e03939;
        }

        .warning {
            color: #e5b567;
        }

        .info {
            color: #7dd6cf;
        }

        .debug {
            color: #d0d0d0;
        }
    </style>
</head>
<body>
{% for log in data.logs %}
    {% set lines = log.splitlines() %}
    {% if "[ERROR]" in lines[0] %}
        <pre class="error">{{ log }}</pre>
    {% elif '[WARNING]' in lines[0] %}
        <pre class="warning">{{ log }}</pre>
    {% elif '[INFO]' in lines[0] %}
        <pre class="info">{{ log }}</pre>
    {% elif '[DEBUG]' in lines[0] %}
        <pre class="debug">{{ log }}</pre>
    {% endif %}
{% endfor %}
</body>
</html>